<!DOCTYPE html>
<html>

<head>
  <title>我的暴击</title>
  <meta charset="utf-8">
  <link rel="stylesheet" href="css/index.css" />
  <link rel="stylesheet" href="css/battle.css" />
  <link rel="stylesheet" href="css/accordion.css" />
  <script src="js/jquery.min.js"></script>
  <script src="js/template.js"></script>
  <script src="lib/emitter.js"></script>
  <script src="lib/config.js"></script>
  <script src="lib/index.js"></script>
  <script src="lib/main.js"></script>
  <script src="lib/battle.js"></script>
  <script src="lib/skillAttack.js"></script>
  <script src="lib/heroOn.js"></script>
  <script src="lib/component.js"></script>
</head>

<body>
  <div id="main">
  </div>
  <script id="homeTemplate" type="text/x-handlebars-template">
    <div>在线版</div>
    需要联网验证,你的数据会上传到排行榜, 在线版比离线版多一些新的内容
    <div>离线版</div>
    不需要联网,本地数据无法上传到排行榜
    </div>
  </script>
  <!--离线版-->
  <script id="heroOffTem" type="text/x-handlebars-template">
    <div>选择你的英雄</div>
  </script>
  <!--在线版-->
  <script id="heroOnTem" type="text/x-handlebars-template">
    <div>选择你的英雄</div>
    <div>
      <ul id="accordion">
        <li>
          <div class="link">奈文魔尔</div>
          <ul class="submenu">
            <button class="selectHero" value="100001">选择</button>
          </ul>
        </li>
        <li>
          <div class="link">黑暗游侠</div>
          <ul class="submenu">
            <button class="selectHero" value="100002">选择</button>
          </ul>
        </li>
        <li>
          <div class="link">流浪剑客</div>
          <ul class="submenu">
            <button class="selectHero" value="100001">选择</button>
          </ul>
        </li>
        <li>
          <div class="link">克林克兹</div>
          <ul class="submenu">
            <button class="selectHero" value="100001">选择</button>
          </ul>
        </li>
        <li>
          <div class="link">秀逗魔导士</div>
          <ul class="submenu">
            <button class="selectHero" value="100001">选择</button>
          </ul>
        </li>
        <li>
          <div class="link">赏金猎人</div>
          <ul class="submenu">
            <button class="selectHero" value="100001">选择</button>
          </ul>
        </li>
        <li>
          <div class="link">克里瑟利斯</div>
          <ul class="submenu">
            <button class="selectHero" value="100001">选择</button>
          </ul>
        </li>
        <li>
          <div class="link">痛苦女王</div>
          <ul class="submenu">
            <button class="selectHero" value="100001">选择</button>
          </ul>
        </li>
      </ul>
    </div>
  </script>
  <!--战斗画面-->
  <script id="battleTem" type="text/x-handlebars-template">
    <div id="battle">
      <div class="middle">
        <div class="left">
          <div class="bossImg">
            <div class="progress">
              <div class="progress-bar"></div>
              <div class="info"><span class="hp"></span>/<span class="maxHp"></span></div>
            </div>
          </div>
          <div class="bossMsg">
            <div class="bossName">boss</div>
            <div>防御 <span class="defend"></span></div>
            <div>抗性 <span class="skillHurt"></span></div>
            <div>闪避率 <span class="dodge"></span></div>
          </div>
        </div>
        <div class="right">
          <div class="damageMsg"></div>
        </div>
      </div>
      <div class="bottom">
        <div class="left">
          <div class="heroName">{{hero.basicInfo.name}}</div>
          <div class="heroInfo">
            <div class="lvlInfo">
              <div>炼金室 <span class="alchemyLvl"></span><button class="alchemyLvlUp">升级</button></div>
              <div>英雄等级 <span class="heroLvl"></span><button class="lvlup" value="heroLvl">升级</button></div>
              <div>攻击等级 <span class="attackLvl"></span><button class="lvlup" value="attackLvl">升级</button></div>
              <div>攻速等级 <span class="attackSpeedLvl"></span><button class="lvlup" value="attackSpeedLvl">升级</button></div>
              <div>暴击率等级 <span class="critRateLvl"></span><button class="lvlup" value="critRateLvl">升级</button></div>
              <div>暴击伤害等级 <span class="critHurtLvl"></span><button class="lvlup" value="critHurtLvl">升级</button></div>
              <div>穿刺等级 <span class="punctureLvl"></span><button class="lvlup" value="punctureLvl">升级</button></div>
            </div>
            <div class="attri">
              <div>攻击力 <span class="attack"></span></div>
              <div>攻速 <span class="attackSpeed"></span></div>
              <div>暴击率 <span class="critRate"></span></div>
              <div>暴击伤害 <span class="critHurt"></span></div>
              <div>减甲 <span class="puncture"></span></div>
              <div>怒气 <span class="anger"></span></div>
              <div>金币 <span class="gold"></span></div>
            </div>
          </div>
        </div>
        <div class="right">
          {{each hero.basicInfo.skills as value index}}
          <div> {{propName[index]}} <span class="{{index}}Lvl"></span><button class="skillLvlup" value="{{index}}">升级</button></div>
          {{/each}}
          <div> {{propName[hero.basicInfo.thunderSkillId]}} <span class="thunderSkillLvl"></span><button class="thunderSkillLvlup">升级</button></div>
        </div>
      </div>
  </script>
</body>

</html>
